锘緻charset "utf-8"; /* Start CSS */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{ margin: 0; padding: 0; border: 0; outline: 0; /*font-size: 100%; vertical-align: baseline; background: transparent;*/ } .l{ float:left;} .r{ float:right;} ul,li{ list-style:none; padding:0; margin:0} mark, rp, rt, ruby, summary, time {display:inline} nav a{text-decoration: none} hr{background: #e0e0e0;height: 1px} *, :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input,button,textarea,select{ outline: none; font-family:inherit; border: none; background: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; } select::-ms-expand { display: none;} iframe{border: none;vertical-align: top;} :before, :after { -webkit-box-sizing: border-box; box-sizing: border-box; } em{font-style: normal;} .clearfix:before,.clearfix:after, .container:before,.container:after, .container-middle:before,.container-middle:after{ content: " ";display: table; } .clearfix:after,.container:after,.container-middle:after{ clear: both; } .pull-left{float: left;} .pull-right{float: right;} .dis-table{display: table;width: 100%;height: 100%;} .dis-cell{display: table-cell;vertical-align: middle;} .text-align{text-align: center;} .section{width: 100%;overflow: hidden;} .out{overflow-y: auto;padding-right: 5px;} .out::-webkit-scrollbar { width: 3px; background-color: #fff; } .out::-webkit-scrollbar-thumb { background-color:#ec1b24; border-radius: 10px; } html, button, select, textarea { font-family:'寰蒋闆呴粦'; } body{ margin: 0 auto; color:#424242; background: #FFF; min-width: 1200px; line-height:200%; font-size:15px; } a { color: #424242; text-decoration:none; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; text-decoration:none; color:#F08519; } .fl{ float:left;} .fr{ float:right;} .container, .container-middle/*, .wrap */{ /*padding-right: 15px; padding-left: 15px;*/ margin: 0 auto; } .location .wrap{ padding:0 } @media (min-width: 1260px) { .container, .container-middle { width: 1230px; } } @media (min-width: 1460px) { .container-middle, .container { width: 1430px; } } @media (min-width: 1920px) { .container-middle { width: 1630px; } .container { width: 1430px; } } /****************************************************************************** Header *******************************************************************************/ .mod-topbar { height: 5px; background:#808080; position:fixed; z-index: 100; width:100%; top:0; left:0; } .mod-header, .mod-header .logo a, .mod-header .logo .logo-img, .mod-header .nav, .mod-header .nav-start-btn { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .mod-header { height: 160px; background:#FFF; z-index: 1000; position: relative; top:5px; } .mod-header .logo { padding: 0; width: 286px; height:90px; overflow: hidden; padding-top:15px; z-index:99; } .mod-header .logo a { display: block; text-decoration: none; } .mod-header .logo .logo-img { height: 75px; width: 286px; } .mod-header .nav-start-btn { position: absolute; right: 0; top: 0; padding: 12px 20px; margin: 24px 0; font-size: 15px; color: #fff; text-decoration: none; } .is-fixed.mod-header { position: fixed; top: 5px; height: 80px; width: 100%; /*border-top:#929292 10px solid; background-image:none; background-color: #fff;*/ background-color: rgba(255, 255, 255, 0.95); border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0 13px rgba(0,0,0,.2); } .logokouhao{ -webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; } .is-fixed.mod-header .logokouhao{ opacity:0; -webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .5s;transition: all .3s; } .is-fixed.mod-header .logo-img { height:50px; width: 191px; z-index:99; position:relative; } .is-fixed.mod-header .nav { padding: 0px 0; } .is-fixed.mod-header .nav ul { text-align:right; } .is-fixed.mod-header .nav-start-btn { margin: 6px 0; } .is-fixed .BarDiv{opacity:0;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} /*********/ .BarDiv{ height:40px; line-height:40px; position:absolute; top:20px; right:0px; width:550px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; } .BarDiv .language{ margin:auto 10px; } .BarDiv .lan{ width:212px; height:35px; line-height:35px; border:#e0e0e0 0px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family:"Helvetica Condensed Bold_0"; font-style:normal; font-size:28px; font-weight:bold; background:url(../images/toptel.png) no-repeat left; background-size:25px; position:relative; margin-top:6px; z-index:999999999; color:#9A9A9A; text-align:right; } .BarDiv .lan a{ color:#909090; } .selectlan{opacity:0; border:#e0e0e0 1px solid; width:123px; height:106px; left:-1px; position:absolute; top:-70px; background:#FFF; z-index:999;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .BarDiv .lan:hover .selectlan{opacity:1;left:-1px;top:22px; background:#FFF;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; z-index:10} .BarDiv .lan:hover .selectlan ul li{ border-bottom:#e0e0e0 1px solid; margin-top:10px} .BarDiv .lan .selectlan ul li img{display:inline-block; margin-bottom:4px; vertical-align:middle; margin-left:8px; margin-right:6px} .BarDiv .searchBar{width:250px; height:40px; position:absolute; top:5px; left:0px; border:#e0e0e0 1px solid; border-radius:25px;} .BarDiv .searchBar input{border:0 none; padding:0px; position:absolute; top:1px; height:37px; line-height:37px;background:none;} .BarDiv .searchBar input.txt{width:180px; padding:0px 5px; color:#b3b2b2; left:20px; outline:none} .BarDiv .searchBar input.submit{width:21px; height:20px; right:20px; top:8px; cursor:pointer; background:url(../images/icon-searcha.png) no-repeat} .BarDiv .weixin{ position:absolute; right:240px; top:4px; } .BarDiv .weixin img.wximg{ display:inline-block; vertical-align:middle; height:35px; width:35px; border-radius:50%; background:#909090; } .BarDiv .weixin img.wximg:hover{ background:#F08519; } .twx{ position:relative; cursor:pointer; } .txx{ position:relative; cursor:pointer; opacity:0; position:absolute; width:120px; height:0; top:-145px; left:-40px; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; z-index:99999; } .twx:hover .txx{ width:120px; height:auto; overflow:auto; opacity:1; position:absolute; top:35px; left:-40px; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } .txx img{ width:120px!important; height:120px!important; border:#e0e0e0 1px solid; border-radius:3px!important; } .Menu{ height:36px; position:absolute; bottom:10px; width:100%; left:0; } .nav{ width:100%; position:relative; clear:both; z-index:9; } .nav ul{ margin:0 auto; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*width:1280px; */ padding:0 } .nav li{ margin:0px 30px 0 30px; text-align:center; display:inline-block; } .nav li:first-child{ margin-left:0; } .nav a{ height:47px; display:block; font-size:16px; color:#666; font-weight:bold; text-decoration:none; text-transform:uppercase; } .nav li a.mmm{ -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } .nav li:hover a.mmm{ -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } .is-fixed .nav li:hover a.mmm{ -webkit-transition: all .5s;- o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } /*.nav li.mn a.mmm:after{content: "";display: block;position:absolute;left: 50%;right:50%;bottom:-3px;height: 3px;opacity: 0;background-color: #D4BB54;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .nav li.mn a.mmm:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .nav li.mn:hover a.mmm:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .nav li.mn:hover a.mmm{ color:#139FEF; font-weight:600;}*/ .nav .sub{ display:none; width:100%; padding:0; position:absolute; top:46px; /*overflow:hidden;*/ text-align:left; z-index:99999999999999999999999999; left:0px; background:rgba(255,255,255,0.92) } .nav .sub .nav_xiao{ /*width:1316px;*/ overflow:hidden; padding-top:5px; margin:0 auto; padding-bottom:50px; } .nav .sub .nav_xiao .xiao_five{ width:336px; overflow:hidden; float:right; margin-top:35px; margin-left:50px; position:relative; } .nav .sub .nav_xiao .xiao_five img{ width:300px;height:140px; } .nav .sub .nav_xiao .xiao_five img{ width:100%; max-width: 101%; height: auto; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .nav .sub .nav_xiao .xiao_five:hover img{ transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); } .nav .sub .nav_xiao .xiao_five2 dd{ position:relative; } .subnav{ position:absolute; left:260px; top:0; display:none; box-shadow:0 10px 10px rgba(0,0,0,.1); background:#FFF; width:280px!important; padding:0 20px!important; } .nav .sub .nav_xiao .xiao_five2 dd:hover .subnav{ display:block; } .subnav a{ background:url(../images/sort3.png) no-repeat left!important; border-bottom: 1px dotted rgba(0,0,0,0.1)!important; font-weight:normal!important; text-transform:capitalize!important; font-size:12px!important; width:100%!important; height:35px!important; line-height:35px!important; } .subnav a:hover{ background:url(../images/sort3_on.png) no-repeat left!important; } .nav .sub .nav_xiao .xiao_five a{ width:344px; height:138px; padding:0; margin-right:45px; float:left; } .nav .sub .nav_xiao .xiao_five2{ float:left; margin-right: 20px; text-align: left; width:300px; margin-top:15px; margin-left:9.4%; } .is-fixed .nav .sub .nav_xiao .xiao_five2{ margin-left:38.6%; } /*.nav .sub .nav_xiao .xiao_five2 div.aa{ box-shadow:none; font-size: 14px; padding:0; height:50px; line-height:50px; }*/ .nav .sub .nav_xiao .xiao_five2 div.aa a{ box-shadow:none; border-bottom: 1px solid rgba(0,0,0,0.1); margin-right:50px; text-align: left; width:260px; display:inline-block; padding-top:0; padding:0; font-size:16px; background:url(../images/jt.png?v=2.0) no-repeat 245px; background-size:7px 12px; height:52px; line-height:52px; color:#424242; text-transform:capitalize!important; font-weight:normal; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; text-indent:10px; } .nav .sub .nav_xiao .xiao_five2 div.aa a:hover{ color:#EB7B15;background:url(../images/jt2.png?v=2.0) no-repeat 250px; background-size:7px 12px; text-indent:5px; } /***************New top********/ /****************************************************************************** Header *******************************************************************************/ .header { position: fixed; top: 0; left: 0; width: 100%; border-bottom: 1px solid rgba(255,255,255,.3); height: 90px; z-index: 5000; background: rgba(0,0,0,0.15); transition: ease .5s; } .header.on { box-shadow: 0 0 13px rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); background-color:rgba(255,255,255,0.95); } .header .logo { display: block; float: left; position: relative; z-index: 1200; margin: 0px 0; margin-left: -30px; color:#FFF; padding-top:22px; /*line-height:90px;*/ } .header .logo em{ font-size:14px; font-family:arial; padding:6px 0 0 0; margin:0; line-height:100%; display:block; } .header .logo img { height: 70px; margin-right:10px; float:left; margin-top:-10px } .header .logo span.logoon { display: none; } .header.on .logo span.logoon1, .header.ny-header .logo span.logoon1 { display: none; } .header.on .logo span.logoon, .header.ny-header .logo span.logoon { display: block; color:#FFF } .header-right { float: right; margin: 28px 0; margin-left: 50px; } .header-search { float: right; margin-top: 0px; position: relative; margin-right: 0; } .bt-search { position: relative; border: none; background: none; float: left; width: 34px; height: 34px; text-align: right; line-height: 40px; cursor: pointer; transition: .5s; z-index: 10; } .bt-search .sub-bot { display: inline-block; width: 21px; height: 20px; line-height: 34px; background: transparent; border: none; z-index: 3; cursor: pointer; background: url(../images/icon-search.png) no-repeat center transparent; padding-right: 0px; } .header.on .sub-bot { background-image: url(../images/icon-searcha.png); } .searchop .search-all { z-index: 10; opacity: 1; visibility: visible; } .search-all { position: absolute; right: 0; top: 0; width: 300px; height: auto; z-index: -1; opacity: 0; visibility: hidden; transition: all .2s; } .search-all .search-box { position: relative; height: 36px; margin-top: 38px; background: #fff; } .searchop .search-all .search-box { animation: searchform-fade 400ms both; } .searchop .search-all form { animation: searchform-slide 1s both; box-shadow: 0 0 20px rgba(0,0,0,0.2); } .search-all .search-box .search-txt { color: #333; line-height: 34px; width: 44px; text-align: center; cursor: pointer; transition: all .3s ease-out; } .search-all .search-box .search-txt em { font-size: 20px !important; } .search-all .search-box .search-txt.left { float: left; } .search-all .search-box .search-inp { margin-left: 44px; transition: all .3s ease-out 0s; margin-right: 44px; } .search-all .search-box .search-inp input { font-size: 16px; line-height: 36px; color: #333; width: 100%; border-radius: 5px; } .searchop .search-close { opacity: 1; transition: all .2s ease-out 0s; } .search-all .search-box .search-close { width: 44px; height: 36px; font-size: 16px; color: #333; line-height: 36px; text-align: center; cursor: pointer; position: absolute; top: 0; right: 0; opacity: 1; } .searchop .search-close:hover { } .searchshow .top2-bu a { -webkit-animation: item-searchshow .4s both; animation: item-searchshow .4s both; } .ny-header { background: #fff; } /* .header.on .navitem>a{padding: 35px 12px;} */ /* .header.on .header-right{margin: 33px 0;} */ /* .header.on .logo img{width: 100px;height: 85px;} */ /* .header.on .logo{margin: 7px 0;} */ .header.on .logo p, .header.on .navitem > a, .header.on .language-text, .ny-header .logo p, .ny-header .navitem > a, .ny-header .language-text { color: #424242; } .header.on .navitem.active > a { color: #424242; } .header.on .navitem > a:hover { color: #F08519; } .header.on .gpcode, .ny-header .gpcode { color: #333; } .ny-header .sub-bot { background-image: url(../images/icon-searcha.png); } .header.on .language-text:hover { color: #ec1b24; } .navbar { float: right; transition: ease .5s; margin-right: -24px; } .navitem { float: left; padding: 0 25px; } .navitem > a { display: inline-block; font-size: 15px; font-weight:bold; color: rgba(255,255,255,1); line-height: 30px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; background: transparent; padding: 30px 6px; position: relative; } .navitem.active > a { color: #fff; } .navitem:hover > a { color: #fff; } .navitem > a::before { position: absolute; content: ""; width: 0px; height: 3px; background: #F08519; left: 50%; bottom: 0%; transform: translateX(-50%); transition: ease .5s; } .navitem:hover > a::before, .navitem.active > a::before { width: 100%; } /* =====================涓嬫媺 ================ */ .dropdown-menu { position: absolute; top: 100%; z-index: 1100; background:rgba(255,255,255,0.9); border-top: 1px solid #eeeeee; -webkit-transition: none; -o-transition: none; transition: none; height: auto; display: none; overflow: hidden; width: 100%; left: 0; margin-top: 0; -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05); -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05); box-shadow: 0 2px 2px 0 rgba(0,0,0,.05); } .category-item { position: relative; } .category-item-single { position: static; } .dropdown-menu.single { width: 300px; left: 50%; transform: translateX(-50%); } .navitem:hover .dropdown-menu { opacity: 1; display: block; visibility: visible; } /* .category-item:hover .dropdown-menu.single{max-height: 450px;opacity: 1;} */ .dropdown-menu ul { padding: 54px 0 85px; font-size: 0; } .dropdown-menu li { float: left; padding: 0 0 0 45px; width: 25%; } .dropdown-menu li.dropdown-img { width: 21.42%; padding: 0 0px 0 0; } .dropdown-img1 { width: 100%; } .dropdown-img1 img { width: 100%; } .dropdown-menu li:first-child { padding-left: 0; } /* .dropdown-menu li:last-child{padding-right: 0;border-right: none;} */ .dropdown-tit { display: block; margin-bottom: 6px; font-size: 24px; color: #242e38; line-height: 40px; font-family: 'semi'; } .dropdown-dec { display: block; font-size: 16px; color: #444; line-height: 28px; padding: 10px 12px 12px 0px; border-bottom: 1px solid #e5e5e5; position: relative; } .dropdown-dec::before { content: ""; position: absolute; width: 0; height: 1px; background: #F08519; bottom: -1px; left: 50%; transform: translateX(-50%); transition: ease .5s; } .dropdown-dec:hover::before { width: 100%; } .dropdown-dec:hover em { color: #ec1b24; } .dropdown-dec em { font-size: 18px; color: #666; font-weight: 550; float: right; } .dropdown-menu li a:last-child { margin-bottom: 0; } .dropdown-menu li a:hover { color: #ec1b24; } .dropdown-menu li.dropdown-title { width: 26%; padding-right: 30px; } .dropdowntit-font { } .dropdowntit-font h3 { font-size: 30px; line-height: 40px; color: #333; } .dropdowntit-font h5 { font-size: 16px; line-height: 30px; color: #555; margin: 9px 0 0px; font-weight:normal; } .dropdowntit-font a { font-size: 16px; display: block; margin-top: 40px; } @media (max-width:1460px) { .dropdown-dec { font-size: 16px; padding: 10px 12px 5px 0px !important; } .dropdown-menu li { padding: 0 0 0 25px; } } @media (max-width:1259px) { .dropdown-menu li { padding: 0 0 0 30px; } .dropdown-dec { font-size: 16px; padding: 12px 12px 11px 0px !important; } .dropdown-menu li.dropdown-img { width: 25%; } .dropdown-menu li.dropdown-title { width: 31%; } .dropdowntit-font h5 { margin-bottom: 30px; } } @media (max-width:1170px) { .dropdown-menu li { } } /**************************************************************************************/ /********************************************banner杞挱css****************************************/ .slider_bg{display:-webkit-flex; display:flex; justify-content:center; position:relative; z-index: 1;} .slider_bg img{/*width:100%; */height:700px; display:inline-block;} .pc_web{display:block;} .m_web{display:none;} .slider_bg .swiper-container {width: 100%;height:auto; display:flex;} .slider_bg .swiper-slide{display:-webkit-box; display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; color:#fff; overflow:hidden} .slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{ bottom:30px; } .slider_bg .swiper-pagination-bullet{background:#fff; width:15px; height:15px; border-radius:100%; opacity:.8;} .slider_bg .swiper-pagination-bullet-active{background:#fff;opacity:1; width:45px;border-radius:15px;} .slider_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;} .slider_bg .swiper-button-next:after, .slider_bg .swiper-container-rtl .swiper-button-prev:after {color:#fff;} .slider_bg .swiper-button-prev:after, .slider_bg .swiper-container-rtl .swiper-button-next:after {color:#fff;} .pc_swiperimg{display:block;} .m_swiperimg{display:none;} @media screen and (max-width:1024px){ .pc_web{display: none;} .m_web{display: block;} .slider_bg .swiper-button-next,.slider_bg .swiper-button-prev{display:none;} .slider_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px; } .slider_bg .swiper-pagination-bullet{width:30px; height:6px;} .slider_bg .swiper-pagination-bullet-active{opacity:1;} .slider_bg .swiper-pagination{ display:block; } .slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{ bottom:10px; } } @media screen and (max-width:576px){ } /*******鍏充簬**********************/ .index-about{ width:100%; float:left; clear:both; padding:80px 0 100px 0; background:#f3f3f3; position:relative; } .sekuai{ background:#E5EDFA; width:47.24%; height:70%; position:absolute; left:0; bottom:0; } .index-about .l{ width:45%; padding-top:50px; position:relative; color:#747474; font-weight:lighter; float:right; } .index-about .l .limg{ width:100%; position:relative; overflow:hidden; /*box-shadow: 0 16px 20px -6px rgba(0, 0, 0, 0.5);*/ transition: all linear 0.5s; text-align:right; } .index-about .l:hover .limg{ /*box-shadow: 0 16px 20px -6px rgba(0, 0, 0, 0.9);*/ transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); } .index-about .l .limg img{ max-width:100%; display:inline-block; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .index-about .l:hover .limg img{ /*-webkit-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15);*/ } .index-about .r p{ margin-bottom:15px; font-size:15px; line-height:200%; text-indent:2em; color:#707070; } .index-about .l strong{ color:#02747E; font-size:15px; } .index-about .r{ width:-moz-calc(55% - 45px); width:-webkit-calc(55% - 45px); width: calc(55% - 45px); padding-top:45px; float:left; padding-right:20px; } .index-about .r h3{ position:relative; font-size:30px; padding-top:0px; margin-bottom:15px; font-family:"Helvetica Condensed Bold_0"; } .index-about .r h4{ font-size:18px; font-weight:bold; margin-bottom:15px; /*color:#194189;*/ } .index-about .r .line{ width:30px; height:4px; background:#F08519; display:block; margin-bottom:5px; margin-top:10px; } .index-about .r .titen{ position:absolute; font-size:24px; font-weight:lighter; text-transform:uppercase; top:0; left:0px; display:none; } .index-about .r a.leranmore{ text-transform:uppercase; clear:both; display:block; margin-top:20px; transition: all linear 0.3s; width:120px; height:35px; line-height:31px; text-align:center; /*background:#666;*/ border-radius:40px; color:#666; float:left; border:#666 2px solid; /*margin-left:30px;*/ } .index-about .r a.leranmore span{ display:inline-block; background:url(../images/rjt_b.png) no-repeat; width:18px; height:18px; vertical-align:middle; margin-left:10px; line-height:18px; margin-bottom:0px; transition: all linear 0.3s; display:none } .index-about .r a.leranmore:hover span{ background:url(../images/rjt_b.png) no-repeat; margin-left:15px; } .index-about .r a.leranmore:hover{ text-transform:uppercase; clear:both; display:block; margin-top:20px; /*background:#F08519;*/ border:#F08519 2px solid; color:#F08519; transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -ms-transform:translateY(-5px); -o-transform:translateY(-5px); /*margin-left:30px;*/ } .icon-box1 { width:60%; display: flex; justify-content: space-between; align-items: center; margin:0; margin-top:40px; margin-bottom:20px; /*padding: 40px 15px; border-top: 1px solid rgb(229,229,229); border-bottom: 1px solid rgb(229,229,229);*/ } .icon-box1 .icon { display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all .7s; } .icon-box1 .icon:hover { transform: scale(1.1,1.1); } .icon-box1 .img { width: 52px; height: 40px; } /*.icon-box1 .img img { width: 100%; height: 100%; }*/ .icon-box1 .name { font-size: 16px; font-family: "MicrosoftYaHeiSemibold"; color: rgb(103, 103, 103); text-align: center; font-weight: 500; margin-top: 20px; display:none } .icon-box1 .img .on{ display:none; } .icon-box1 .icon:hover .img .on{ display:block; } .icon-box1 .icon:hover .img .off{ display:none; } .shuju{ width:100%; clear:both; margin-top:20px; } .shuju ul{ text-align:left; font-size:0; } .shuju li{ display:inline-block; font-size:16px; margin-right:9%; text-align:center; color:#918C8C } .shuju li:last-child{ margin-right:0; } .shuju li span{ font-size:30px; font-weight:bold; color:#0851D7; } .shuju li sup{ font-size:22px; font-weight:bold; color:#0851D7; top:-6px; position:relative; } #slider{ width:100%; min-height:340px; /*height:424px;*/ margin:0 auto; position:relative; } .slider_list li{ position:absolute; display:none; width:100%; } .slider_list li img{ width:100%; } .slider_list li:first-child{ display:block; } .slider_icon{ width:100%; text-align:center; position:absolute; z-index:1; left:0; bottom:-30px; font-size:0; /*padding:4px 8px 4px 8px;*/ height:12px; border-radius:12px; /*background-color:hsla(0,0%,100%,.3);*/ } .slider_icon i{ display:inline-block; width:12px; height:12px; border-radius:50%; margin:0 5px; cursor:pointer; } .btn{ background:#c0c0c0; } .arrow{ display:none; width:30px; height:60px; background-color:rgba(0,0,0,.2); position:absolute; top:50%; margin-top:-20px; } .prve{ left:0; } .next{ right:0; } .arrow span{ display:block; width:10px; height:10px; border-bottom:2px solid #fff; border-left:2px solid #fff; } .slider_left{ margin:25px 0 0 10px; transform:rotate(45deg); } .slider_right{ margin:25px 0 0 5px; transform:rotate(-135deg); } .arrow:hover{ background:#444; } #slider:hover .arrow{ display:block; } .btn_act{ background:#0046B6; } /*******瀹炲姏************************/ .index_bt{ text-align:center; margin-bottom:37px;} .index_bt .title{ color:#242424; font-size:36px; line-height:40px; margin-bottom:5px;} .index_bt .nr{ font-size:18px; color:#FFF;} .index_bt .nr span{ color:#FFF;} .index_bt.one .title{ color:#fff;} .index_bt.one .nr{ color:#a7afbd;} .index_bt.one .js{ color:#bac1cb; font-size:14px; line-height:24px; padding-top:29px;} .part6{background:url(../images/aboutbg.jpg) top center no-repeat; width:100%; height:758px; padding-top:60px; overflow:hidden} .part6 .index_about{ clear:both;} .part6 .index_about ul li{ width:19.2%; float:left; height:470px; background-size:cover; text-align:center; border-radius:5px; margin-right:1%; position:relative;} .part6 .index_about ul li .xfk{ position:absolute; top:0px;border-radius:5px; width:100%;height:470px;background-color:#123b67;/* IE6鍜岄儴鍒咺E7鍐呮牳鐨勬祻瑙堝櫒(濡俀Q娴忚鍣?涓嬮鑹茶瑕嗙洊 */background-color:rgba(18,59,103,0.7);-webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;} .part6 .index_about ul li:hover .xfk{background-color:#123b67;/* IE6鍜岄儴鍒咺E7鍐呮牳鐨勬祻瑙堝櫒(濡俀Q娴忚鍣?涓嬮鑹茶瑕嗙洊 */background-color:rgba(18,59,103,0.55);} .part6 .index_about ul li:last-child{ margin-right:0px;} .part6 .index_about ul li .cont{ width:80%; margin:122px auto auto;} .part6 .index_about ul li .cont .nr{ font-size:16px; color:#fff; line-height:30px;} .part6 .index_about ul li .cont .bt{ position:relative; font-size:26px;color:#fff; margin-bottom:23px; padding-bottom:20px; line-height:26px;} .part6 .index_about ul li .cont .bt:after{ position:absolute; content:"\200B"; display:block;width:30px; height:2px; bottom:0px; left:50%; margin-left:-15px; background:#acce39;} .part6 .index_about ul li:hover .cont .bt:after{background:#fff;} .part6 .index_about ul li .cont .tb{ margin-bottom:53px; height:65px;} .part6 .index_about ul li .cont .nr span{ color:#acce39; font-weight:bold;} .part6 .index_about ul li:hover .cont .nr span{ color:#fff;} /*******浜у搧************************/ .index-pro{ width:100%; float:left; clear:both; background:url(../images/yingyonglingyu.jpg) no-repeat top center #186DAD; background-attachment:fixed; padding:80px 0; margin-top:50px; } .index-pro .icat_title_title h2 { font-size: 28px; width: 100%; height: 30px; line-height: 30px; color: #323232; font-weight: 600; background: url(../images/ititle_bg2.png) center no-repeat!important; } .index-pro h3{ color:rgba(255,255,255,0.5)!important; /*margin-top:20px; font-size:30px; position:relative; padding-top:20px; padding-left:30px;*/ } .index-pro h3 span{ color:#93AAD1; font-size:22px; padding-left:15px; } .pro-icon{ position:absolute; background:url(../images/pro-icon.png) no-repeat left; width:140px; height:31px; line-height:100%; vertical-align:top; left:0; top:0; padding-left:50px; font-size:14px; text-transform:uppercase; color:#88B0E1; font-weight:normal; } .review { overflow:hidden; width:100%; margin:0 auto; } .review .con{ margin:0 auto; position:relative; width:-moz-calc(90% + 60px); width:-webkit-calc(90% + 60px); width: calc(90% + 60px); max-width: calc(1360px + 60px); min-width: calc(1200px + 60px); } .review .con .list{ width:calc(100% - 60px); margin:0 auto; } .review .con ul { font-size:0;} .review .con li { display:inline-block; vertical-align:top; width:20%; box-sizing:border-box; padding:0; text-align:center; padding:30px; } .review .con li a { display:block; text-align:center; outline:none; } .review .con li a .img{ margin-bottom:20px; border:#FFF 3px solid; border-radius:50%; overflow:hidden; padding:5px; overflow:hidden; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } .review .con li:hover a .img{ border:#F08519 3px solid; box-shadow: rgba(0,0,0,0.5) 0 8px 20px; transform:translateY(-10px); } .review .con li a .img img { max-width:100%; display:inline-block; border-radius:50%; transition: all linear 0.3s } .review .con li:hover img{ -moz-transform:scale(1.2); -webkit-transform: scale(1.2); transform:scale(1.2); } .review .con li a .txt p { color:#f0f0f0; font-size:15px; line-height:24px; overflow:hidden;} .review .con li a .txt strong { display:block; margin:10px 0 15px 0; color:#FFF; font-weight:bold; font-size:18px; } .review .con li a:hover { } .review .con li a:hover p { color:#FFFFFF; } .review .con li a:hover strong { color:#FFFFFF; } .review .con a.prev { position:absolute; left:0px; top:50%; width:30px; height:59px; margin-top:-55px; background:url(../images/arr-pro-big-left.png) no-repeat center center; outline:none} .review .con a.prev:hover { background-image:url(../images/arr-pro-big-left.png); } .review .con a.next { position:absolute; right:0px; top:50%; width:30px; height:59px; margin-top:-55px; background:url(../images/arr-pro-big-right.png) no-repeat center center; outline:none} .review .con a.next:hover { background-image:url(../images/arr-pro-big-right.png); } /*******宸ョ▼妗堜緥*********************/ .index-project{ clear:both; width:100%; float:left; padding-top:80px; padding-bottom:80px; background:#FFF; } .index-title{ font-size:30px; font-weight:bold; position:relative; padding-top:15px; padding-left:45px; padding-bottom:30px; color:#000; border-bottom:#CCC 2px solid; } .index-title .tit-icon{ width:150px; height:31px; background:url(../images/gc-icon.png) no-repeat left; font-size:14px; text-transform:uppercase; position:absolute; line-height:100%; padding-left:60px; top:0; left:0; color:#A5A5A5; font-weight:normal; } a.index-title-more{ float:right; background:url(../images/morebg.png) no-repeat; width:67px; height:26px; line-height:26px; color:#FFF; text-align:center; font-size:13px; padding-left:6px } a.index-title-more:hover{ background:url(../images/morebg_on.png) no-repeat; } .index-project-list ul li{ width:-moz-calc((100% - 70px) / 3); width:-webkit-calc((100% - 70px) / 3); width: calc((100% - 70px) / 3); margin-right:35px; margin-bottom:25px; position:relative; float:left; border:#f0f0f0 1px solid; box-shadow: 0 16px 20px -6px rgba(97, 105, 113, 0.2); transition: all linear 0.3s; } .index-project-list ul li:hover{ box-shadow: 0 16px 20px -6px rgba(97, 105, 113, 0.3); transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); } .index-project-list{ margin-top:50px; } .index-project-list ul li:last-child,.index-project-list ul li:nth-child(3n){ margin-right:0; } .index-project-list ul li .p-img{ position:relative; width:100%; overflow:hidden; } .index-project-list ul li .p-img img{ width:100%; transition: all linear 0.3s } .index-project-list ul li:hover img{ -moz-transform:scale(1.2); -webkit-transform: scale(1.2); transform:scale(1.2); } .index-project-list ul li .p-text{ width:100%; background:#fff; height:220px; padding:30px 25px 30px 25px; } .index-project-list ul li .p-text .line{ width:30px; height:4px; background:#F08519; } .index-project-list ul li .p-text h3{ font-weight:600; margin:10px 0; font-size:18px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .index-project-list ul li .p-text h3 a{ color:#666; } .index-project-list ul li:hover .p-text h3 a{ color:#F08519; } .index-project-list ul li .p-text .dec{ font-size:15px; line-height:180%; height:60px; overflow:hidden; font-weight:lighter; color:#666; } .index-project-list ul li .date{ position: relative; width: 100%; height: 60px; line-height: 60px; border-top: 1px solid #e3e3e3; padding:0; margin-top:20px; } .index-project-list ul li .date span{ transition: 0.5s; font-size: 14px; color: #666; } .index-project-list ul li .date .more2{ border-bottom: 0; margin-top: 0px; color: #878787; } .index-project-list ul li .date .more2 a{ border-bottom: 0; margin-top: 0px; color: #666; } .index-project-list ul li:hover .date .more2 a{ color:#F08519; } .index-project-list ul li .date:after { position: absolute; display: block; width: 0; height: 1px; background: #F08519; content: ""; left: 0; top: -1px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; } .index-project-list ul li:hover .date:after{ width: 100%; } .index-project-list ul li .p-text a.leranmore{ text-transform:uppercase; font-size:12px; clear:both; display:block; margin-top:15px; color:#929292; float:right; transition: all linear 0.3s; margin-right:30px; } .index-project-list ul li .p-text a.leranmore span{ display:inline-block; background:url(../images/more.jpg) no-repeat; width:18px; height:18px; vertical-align:middle; margin-left:10px; line-height:18px; margin-bottom:4px; } .index-project-list ul li .p-text a.leranmore:hover,.index-project-list ul li:hover .p-text a.leranmore{ color:#0051DD; padding-right:10px; } /*******瑙e喅鏂规*********************/ .index-solution{ background:#f3f3f3; clear:both; width:100%; float:left; padding:60px 0; } a.index-title-more2{ float:right; background:url(../images/more2.jpg) no-repeat left; width:142px; height:42px; display:block; } a.index-title-more2 span{ display:inline-block; width:89px; height:42px; text-align:center; line-height:42px; background:#f0f0f0; font-size:16px; margin-left:53px; transition: all linear 0.3s } a.index-title-more2:hover span{ background:#0047BA; color:#FFF } .index-solution-list{ clear:both; margin-top:40px; } .index-solution-list li{ width:-moz-calc((100% - 75px) / 4); width:-webkit-calc((100% - 75px) / 4); width: calc((100% - 75px) / 4); margin-right:25px; margin-bottom:25px; position:relative; float:left; } .index-solution-list li .s-img{ width:100%; position:relative; overflow:hidden; } .index-solution-list li .s-img img{ width:100%; } .index-solution-list ul li:last-child,.index-solution-list ul li:nth-child(4n){ margin-right:0; } .index-solution-list li .s-text{ background:#FFF; width:100%; height:260px; padding:30px 20px; overflow:hidden; line-height:180%; font-size:14px; } .index-solution-list li .s-text p{ color:#999; } .index-solution-list li:hover .s-text h3{ color:#0047BA; } .index-solution-list li .s-text h3{ color:#424242; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .index-solution-list li:hover .s-text p{ color:#777; } .index-solution-list li .s-more{ background:#FFF; width:100%; height:60px; margin-top:1px; overflow:hidden; line-height:60px; font-size:14px; } .index-solution-list li .s-more .jiantou-right{ width:30%; height:100%; float:left; border-right:#f0f0f0 1px solid; background:url(../images/jiantou-right.jpg) no-repeat 20px; transition: all linear 0.3s } .index-solution-list li:hover .s-more .jiantou-right{ background:url(../images/jiantou-right.jpg) no-repeat 30px; } .index-solution-list li .s-more .right{ float:left; width:70%; padding-left:40px; text-transform:uppercase; font-size:12px; transition: all linear 0.3s } .index-solution-list li:hover .s-more .right{ padding-left:30px; color:#0047BA; } /****************鏂伴椈***********************/ .indexnews{ width:100%; float:left; clear:both; padding:80px 0; } .indexnews a.index-title-more2 span{ background:#f3f3f3; } .indexnews a.index-title-more2:hover span{ background:#0047BA; color:#FFF } .indexnews .topnews{ width:100%; float:left; padding-bottom:30px; border-bottom:#e0e0e0 1px solid; margin-top:30px; } .indexnews .secnews{ width:50%; float:left; border-bottom:#CCC 1px dashed; padding-bottom:20px; padding-top:20px; } .indexnews li:nth-child(2),.indexnews li:nth-child(4),.indexnews li:nth-child(6),.indexnews li:nth-child(8) { padding-right:20px; } .indexnews li:nth-child(3),.indexnews li:nth-child(5),.indexnews li:nth-child(7),.indexnews li:nth-child(9) { padding-left:20px; } .indexnews .secnews span{ float:right; } .indexnews .newstext{ width:65%; padding-right:100px; float:left; padding-top:50px; } .indexnews .newstext .newsdate{ font-size:18px; color:#969696; } .indexnews .newstext .newsdate span{ color:#F00; font-style:italic; } .indexnews .newstitle{ margin-top:20px; font-size:24px; } .indexnews .newstitle p{ font-size:15px; color:#999 } .indexnews .newstitle .changjiantou{ background:url(../images/changjiantou.jpg) no-repeat; width:40px; height:9px; margin-top:20px; } .indexnews .newsimg{ float:right; width:35%; position:relative; overflow:hidden; } .indexnews .newsimg img{ width:100%; opacity: 0.9; transition: all linear 0.5s; } .indexnews li:hover .newsimg img { -moz-transform:scale(1.1); -webkit-transform: scale(1.1); transform:scale(1.1); opacity: 1 } /***鐣欒█*****/ .index-contact{ clear:both; width:100%; overflow:hidden; background:#f3f3f3; padding:80px 0; } .subcontact{ border:#f0f0f0 1px solid; overflow:hidden; margin-bottom:50px; background:#FFF; box-shadow: 0 16px 20px -6px rgba(97, 105, 113, 0.1); } .index-contact .w-1300{ /*background:#FFF;*/ overflow:hidden; /*border:#f0f0f0 1px solid*/ } .index-contact .cont-left,.subcontact .cont-left{ float:left; width:calc(100% - 850px); /*padding-top:50px; padding-left:40px; padding-bottom:50px;*/ } .cont-left li{ width:100%; float:left; overflow:hidden; border-bottom:1px solid #e0e0e0; margin-bottom:21px; padding-bottom:21px; } .cont-left li i{ float:left; width:50px; } .cont-left li.companyname{ font-size:20px; font-weight:bold; border:none; margin-bottom:20px; } .index-contact .cont-right,.subcontact .cont-right{ width:800px; float:right; /*padding-bottom:50px;*/ } .cont-logo{ padding-bottom:60px; } .tousu-box { overflow:hidden; width:100%; margin-top:190px} .tousu-box ul{ overflow:hidden; width:100%; height:340px; margin-bottom:20px;} .tousu-box li{ float:left; width:calc((100% - 80px) / 2); height:48px; border:1px solid #e0e0e0; margin-left:40px; margin-bottom:20px;} .tousu-box li:nth-child(2n){ /*margin-right:0;*/ } .tousu-box li img{ display:block; float:left; border-right:1px solid #e0e0e0;} .tousu-box li input{ float:left; width:calc(100% - 50px); padding:0 10px; border:none; outline:none; line-height:46px; height:46px; font-size:14px; color:#888; background:#f9f9f9} .tousu-box li select{ float:left; width:calc(100% - 50px); padding:0 10px; border:none; outline:none; line-height:48px; height:48px; font-size:14px; color:#888; background:#f9f9f9} .tousu-box .last{ width:calc(100% - 40px); height:198px;} .tousu-box .last span{ display:block; width:49px; height:198px; background:url(../images/tousu05.png) no-repeat center; border-right:1px solid #e0e0e0; float:left;} .tousu-box textarea{ overflow:hidden; width:calc(100% - 49px); padding:10px; height:196px; font-size:14px; color:#888; border:none; outline:none; resize:none; display:block; float:left; background:#f9f9f9} .tousu-box span{ display:block; /*width:240px; */height:50px; text-align:center; line-height:50px; cursor:pointer; background-color:#3e3c3d; font-size:16px; color:#fff; border-radius:5px;} .send{ background:#1D6BCF; width:200px; font-size:18px; border:0; color:#FFF; height:50px ; line-height:50px; float:right; /*margin-right:40px;*/ cursor:pointer; } .send:hover{ background:#F08519; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .middle_7_b_code{ width:calc((100% - 80px) / 2) ; height:50px; line-height:50px; float: left; padding:0 10px; border:1px solid #e0e0e0; background:#f9f9f9; } .yzmspan{ width:100px; height:50px; background:#EEE; display:inline-block; text-align:center; line-height:50px; margin-left:10px; border:#e0e0e0 1px solid; border-radius:0; } #code_img{ width:80px; height:20px; /*float:left; margin:0 10px; */ cursor:pointer; display:inline-block; margin-left:10px; } /*===============椤佃剼=====================*/ #footer{ background:#FFF; width:100%; clear:both; color:#999; overflow:hidden; padding:80px 0 0 0; } .footer{ margin:0 auto; } .f_nav{ clear:both; width:100%; padding-bottom:50px; overflow:hidden; } .f_nav .join{ width:286px; margin-left:0; padding:0; padding-top:50px; float:right; padding-left:0; } .f_nav .dropdown-dec{ padding: 10px 0px 12px 0px; border-bottom: 0px solid #e5e5e5; } .f_nav a.dropdown-dec:hover,.f_nav li:hover a{ /*color:#FFF!important*/ } .f_nav .dropdown-dec::before { content: ""; position: absolute; width: 0; height: 0px; background: #ec1b24; bottom: -1px; left: 50%; transform: translateX(-50%); transition: ease .5s; } .f_nav li{ float:left; padding-right:80px; } .f_nav li:last-child{ padding-right:0; } .f_nav li a{ display:block; font-size:18px; color:#666; padding:0 0 0 0; font-weight:bold; } .f_nav li a.yiji{ margin-bottom:20px; color:#666; } .f_nav li .sub{} .f_nav li .sub em{ display:none!important } .f_nav li .sub a{ font-size:15px; padding:0 0 10px 0; font-weight:normal; color:#707070; } .f_nav li a.yiji:hover,.f_nav li .sub a:hover,.friendlylink li:hover a,.copyright a:hover{ color:#F08519!important } .f_box{ clear:both; padding-top:20px; padding-bottom:20px; margin-top:20px; position:relative; border-top:rgba(0,0,0,0.1) 1px solid; overflow:hidden; width:100%; background:#666666; } .fjt{ width:200px; float:left; padding-top:50px; } .copyright{ /*width:850px;*/ width:100%; float:left; color:#FFF; text-align:left; font-size:15px; font-weight:300!important; /*padding-right:20px;*/ } .copyright a{ color:#FFF; } .f_weixin{ float:right!important; text-align:center; color:#666; padding-right:0!important; } .f_weixin h3{ font-family:"Helvetica Condensed Bold_0"; color:#000; font-size:29px; margin-bottom:20px; display:block; text-align:right; background:url(../images/foottel.png?v=2.0) no-repeat 20px center; background-size:25px } .f_weixin div{ float:left; margin-left:20px; } .f_weixin img{ width:100px; display:block; border:#e0e0e0 1px dashed; } .friendlylink{ clear:both; padding-bottom:20px; color:#ADACAA; background:#666666; overflow:hidden; } .friendlylink li{ float:left; margin-right:20px; color:#ADACAA; } .friendlylink li:first-child{ margin-right:0; } .friendlylink li a{ color:rgba(255,255,255,0.5); } @media (max-width: 1400px){ .f_nav li{ float:left; padding-right:42px;} .f_nav li a{ font-size:15px;} .f_nav li .sub a,.copyright, .copyright a{ font-size:14px;} } /**********鍐呴〉**********************/ .ins-ban{ width:100%; height:350px; position:relative; overflow:hidden; clear:both; vertical-align: middle; text-align:center; } .ins-ban img{ width:100%; /*display:inline-block;*/ position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); } .gsjj_shicha{ width: 100%; height: 100%; /*background: url(../images/gsjj_banner.jpg) no-repeat 50% 0px fixed;*/ position:absolute; top:0px; left:0; z-index: -1; } .mask { position: fixed; width: 100%; height: 100%; background: #000; opacity: .8; -moz-opacity: .8; filter: alpha(opacity=80); top: 0; left: 0; z-index: 1000 } .modal { background: #000; width: 720px; height: 405px; position: fixed; _position: absolute; display: none; z-index: 1001; overflow:hidden; } .modal .close { position: absolute; top: 15px; right: 15px; font-size: 24px; z-index: 2 } .modal iframe { z-index: 1 } .modal .close a:link,.modal .close a:visited { color: #666; text-decoration: none } .modal .close a:hover,.modal .close a:active { color: #333; text-decoration: none } .proNavbox{height:80px;position:relative;margin-bottom:60px; background:#FFF; clear:both; z-index:99} .proNavbox .proNav{height:80px;box-shadow:0 1px 2px rgba(0,0,0,0.05);border-bottom:1px solid #ededed;color:#333} .proNavbox .proNav.open:after{content:"";position:absolute;background:url("c_zz.png");width:2000px;height:100000px;top:50px;left:0;z-index:-1;} .proNavbox .proClass{display:inline-block;position:relative;margin-right:30px} .proNavbox .proClass .name{position:relative;border:1px solid #eee;width:80px;height:80px;line-height:80px;text-align:center;display:inline-block;background:white;z-index:1;border-top:none;border-bottom:none} .proNavbox .proClass .name img{width:32px;vertical-align:middle} .proNavbox .proClass .name span{display:block;text-align:center;font-size:12px;color:#333;position:absolute;bottom:0;left:0;width:100%;line-height:12px;display:none} .proNavbox .proClass .name .shetou{position:absolute;width:36px;bottom:-9px;left:50%;margin-left:-18px} .proNavbox .proClass .list{display:none;border:1px solid #eee;background:white;width:260px;padding:15px 10px;position:absolute;top:80px;} .proNameBox {float:left; line-height:80px;/* padding-top:5px; */font-size:15px;/* font-family:arial; */color:#000; text-transform:capitalize; } .proNameBox a{color:#000;/* background:#f0f0f0;*/ display:block; float:left; padding:0 5px; margin:0 10px; position:relative;} .proNameBox a span{position:absolute; bottom:0; width:100%; height:4px; background:#F08519; left:0;opacity:0;} .proNameBox a:hover{ color:#0047BA;} .proNameBox a:hover span{opacity:1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .proNameBox a.cur span{opacity:1;} .proNameBox span,.loca span{ font-family:'瀹嬩綋'; padding:0 5px} .loca{ float:right; font-size:14px; margin-top:35px; color:#888888; text-transform:capitalize} .loca a{ color:#888888} .loca img{ vertical-align:middle; margin-bottom:5px} .proClass {float:left;} /******鏂伴椈***************************/ .list_arcticle{ padding-top: 20px; text-align: center; padding-bottom:50px; clear:both; } .news_ul{ clear: both; } .news_ul li{ float: left; width:calc((100% - 70px) / 3); margin-right: 35px; margin-bottom:30px; background:#FFF; border:#f0f0f0 1px solid; box-shadow: rgba(0,0,0,0.05) 0 8px 20px; transition: all linear 0.5s; } .news_ul li:hover{ box-shadow:0 15px 15px rgba(0,0,0,.15); transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); } .news_ul li:nth-child(3n){ margin-right: 0px; } .news_ul li h5{ text-align: left; font-size: 18px!important; color: #333; padding:20px 20px 0 20px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal } .news_ul li .main_pic{ width: 100%; position: relative; overflow:hidden } .news_ul li .main_pic img{ max-width: 100%; width:100%; height: 250px; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .news_bg{ width: 100%; height: 100%; background: rgba(0,0,0,0.6); opacity: 0.1; position: absolute; top: 0; left: 0; transition: 0.5s; } .news_ul li:hover .news_bg{ opacity: 0; } .news_ul li h6{ text-align: left; font-size: 14px; color: #999; margin-top: 15px; height: 60px; overflow: hidden; font-weight:normal; margin-bottom:10px; padding:0 20px; } .date{ position: relative; width: 100%; height: 60px; line-height: 60px; border-top: 1px solid #e3e3e3; padding:0 20px } .date span{ transition: 0.5s; font-size: 14px; color: #878787; } .date .more2{ border-bottom: 0; margin-top: 0px; color: #878787; } .news_ul li:hover .main_pic img{ -webkit-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); } .news_ul li:hover .date .more2,.news_ul li:hover .date .more2 a{ color: #F08519; padding-right:5px; } .news_ul li:hover h5{ color: #F08519; } .news_ul li .date:after { position: absolute; display: block; width: 0; height: 1px; background: #F08519; content: ""; left: 0; top: -1px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; } .news_ul li:hover .date:after{ width: 100%; } .shownews{ /*width:1000px;*/ margin:0 auto; /*overflow:hidden;*/ clear:both; /*margin-top:100px;*/ } .shownews .l{ float:left; width:320px; color:#696969; font-size:24px; font-weight:300; } .shownews .l span{ display:block; font-size:14px; } .shownews .l h3{ height:80px; line-height:80px; background:#072750; color:#FFF; text-align:center; } .shownews .l ul{ border-left:#e0e0e0 1px solid; border-right:#e0e0e0 1px solid; } .shownews .l ul a{ display:block; font-size:16px; background:url(../images/arr-rt-b.png) no-repeat 92% center #FFFF; border-bottom:#e0e0e0 1px solid; line-height:60px; padding-left:20px; color:#202020; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .shownews .l ul a:hover{ background:url(../images/arr-rt-w.png) no-repeat 92% center #F08519; color:#FFF; } .shownews .r{ width:calc(100% - 380px); float:right; background:#FFF; padding:40px 40px 0 40px; border:#f0f0f0 1px solid; box-shadow: rgba(0,0,0,0.08) 0 8px 20px; border-radius:3px } .shownews .r .tit{ font-size:24px; overflow:hidden; font-weight:400; letter-spacing:2px; color:#322D2A; /*margin-bottom:60px;*/ padding-bottom:20px; } .shownews .r .newscon{ width:100%; clear:both; } .shownews .r .newscon p{ margin-bottom:20px; color:#000; line-height:220%; font-size:16px; font-weight:300; } .shownews .r .newscon img{ max-width:100%; /*min-width:960px;*/ margin-bottom:10px; } .newsbot{ width:100%; clear:both; margin-top:50px; margin-bottom:100px; padding-top:10px; border-top:#cecece 2px solid; text-align:right; } .newsbot a{ display:inline-block; } .newsbot a:first-child{ float:left; width:80px; height:28px; background:#072750; color:#FFF; text-align:center; line-height:28px; margin-top:10px; } .newsbot a:first-child:hover{ background:#F08519; color:#FFF; } .newsbot a:hover{ color:#F08519; } .newsbot a.close{ margin:0 20px; } .share{width: 100%;clear:both; height:30px; margin-bottom:60px;border-bottom:#cecece 1px solid; padding-bottom:10px;} .share p{float: left;overflow: hidden;} .share p span{display: block;font-size: 14px;color: #999999;padding: 0 8px;border-left: 1px dotted #b6b6b6;float: left;} .share p span:first-child{padding-left: 0;border-left: none;} .share p span #cntrHits{ float:right;} .share ul{float: right;} .share li{margin-left: 7px;width: 24px;height: 24px;float: left;} .share li img{display: block;} .table-c{ clear:both; margin-bottom:20px; overflow:hidden; } .table-c table{ border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; } .table-c table td{ border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; padding:10px; } /******浜у搧璇︽儏***********/ .product{ clear:both; overflow:; } .product .leftsort{ width:280px; float:left; } .product .rightpro{ width:calc(100% - 330px); float:right; min-height:600px; margin-bottom:60px; background:#FFF; padding:0 50px 30px 50px; } .product .righttitle{ line-height:60px; border-bottom:#e0e0e0 1px solid; margin-bottom:30px; margin-top:20px; position:relative; background:url(../images/ico9.png) no-repeat left 20px; padding-left:35px; font-size:20px; color:#666; } .product .righttitle span{ display:block; position:absolute; width:22px; height:3px; background:#F08519; left:0; top:59px; } .product .protop{ clear:both; width:100% } .product .protop .proimg{ width:400px; float:left; } .product .protop .proimg img{ width:100%; display:block; } .product .protext{ width:calc(100% - 450px); float:right; position:relative; height:400px; } .product .protext h4{ font-size:24px; font-weight:normal } .product .protext h5{ font-size:20px; font-weight:normal; margin-top:10px; } .product .protext .intro{ margin-top:20px; font-size:15px; line-height:220%; color:#666; border-top:#e9e9e9 1px solid; border-bottom:#e9e9e9 1px solid; padding:20px 0; } .product .protext .tubiao{ position:absolute; bottom:0; } .product .protext .tubiao a.lianxi{ display:inline-block; width:140px; height:40px; border:#F08519 2px solid; border-radius:40px; text-align:left; line-height:36px; background:url(../images/right_pic7.png?=2.1) no-repeat 20px 8px; background-size:23px 20px; padding-left:55px; margin-right:20px; color:#F08519; } .product .protext .tubiao a.lianxi:hover{ background:url(../images/right_pic7_on.png?v=2.1) no-repeat 20px 8px; background-size:23px 20px; border:#0061AE 2px solid; color:#0061AE } .product .protext .tubiao a.zixun{ display:inline-block; width:140px; height:40px; border:#F08519 2px solid; border-radius:40px; text-align:left; line-height:36px; background:url(../images/zixun.png?v=2.1) no-repeat 20px 8px; background-size:23px 20px; padding-left:55px; margin-right:20px; color:#F08519 } .product .protext .tubiao a.zixun:hover{ background:url(../images/zixun_on.png?v=2.1) no-repeat 20px 8px; background-size:23px 20px; border:#0061AE 2px solid; color:#0061AE } .product .canshu{ padding-top:50px; clear:both; overflow:hidden; margin-bottom:50px; } .product .side { width:100%; float:left;} .product .side .tit { background:#123B67; color:#FFFFFF; padding:21px 0px; text-align:center} .product .side .tit em { display:block; font-size:18px; font-weight:normal; font-family:"Helvetica Condensed Bold_0"} .product .side .tit strong { display:block; font-size:20px; font-weight:normal; } .product .side .con { /*background:#cf1c1e; padding:20px;*/ padding-top:0px; } .product .side .con dt a { display:block; height:50px; line-height:50px; font-size:16px; padding:0 20px; background:url(../images/product_side_dt_ico.png) no-repeat 90% 50% #FFFFFF; margin-top:10px; } .product .side .con dt a.cur,.product .side .con dt a:hover{background:url(../images/product_side_dt_ico_on.png) no-repeat 90% 50% #0061AE; color:#FFF } .product .side .con dd { background:url(../images/product_side_dd_dot.png) no-repeat 2% 50%; width:100%; margin:0 } .product .side .con dd a { display:block; height:49px; line-height:50px; font-size:14px; padding:0 20px; background:url(../images/product_side_dd_ico.png) no-repeat 88% 50% #FFF; color:#424242; border-bottom:1px solid #e0e0e0; } .product .side .con dd a:hover,.product .side .con dd a.cur{background:url(../images/product_side_dd_ico_on.png) no-repeat 88% 50% #FFF; color:#F08519;} .product .list {width: 940px;float: left;} .product .list ul.picture { margin:8px 0 14px 6px; font-size:0; } .product .list ul.picture li { width:33.33333333%; display:inline-block; box-sizing:border-box; padding:8px 0 8px 16px; position:relative; } .product .list ul.picture li a { display:block; font-size:16px; box-shadow:1px 5px 20px rgba(0,0,0,0.02); } .product .list ul.picture li a .img { height:250px; text-align:center; overflow:hidden; background:#FFFFFF; } .product .list ul.picture li a .img i { display:inline-block; vertical-align:middle; height:100%; } .product .list ul.picture li a .img img { display:inline-block; vertical-align:middle; max-width:90%; max-height:90%; transform:scale(1.1); transition:all .5s ease; } .product .list ul.picture li a .txt { background:#c0c0c0;color:#424242; height:50px; line-height:50px; padding:0 20px; transition:all .5s ease; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:15px;} .product .list ul.picture li a .txt i { float: right; width:20px; height:20px; margin:15px 0; border:1px solid #fff; background:url(../images/cate_arrow.png) no-repeat center center; transition:all .5s ease; } .product .list ul.picture li a:hover { box-shadow:0 16px 70px rgba(0, 0, 0, 0.1); } .product .list ul.picture li a:hover .img img { transform:scale(1.3); } .product .list ul.picture li a:hover .txt { background:#0061AE; color:#FFFFFF; } .product .list ul.picture li a:hover .txt i { background-image:url(../images/cate_arrow_on.png); border-color:#FFFFFF; } .canshu table { font-family: Arial, Helvetica, sans-serif; border-collapse:collapse; width: 100%; } .canshu table td{ border: 1px solid #ddd; padding: 15px; line-height:160%; } .canshu table tr:nth-child(odd){background-color: #f2f2f2;} .BoxSha10 { box-shadow: rgba(0,0,0,0.1) 0 8px 20px; } .hotpro{ clear:both; /*overflow:hidden;*/ width:100%; margin-top:50px; } .hotpro ul{ padding:10px 0 0px 0 } .hotpro ul li{ width:calc((100% - 60px) / 3); float:left; margin-right:30px; margin-bottom:30px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; } .hotpro ul li:nth-child(3n){ margin-right:0; } .hotpro ul li img{ display:block; width:100%; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; } .hotpro ul li .hotimg{ position:relative; overflow:hidden; } .hotpro ul li:hover{ position:relative; overflow:hidden; box-shadow:0 15px 15px rgba(0,0,0,.15); transform:translateY(-10px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -ms-transform:translateY(-5px); -o-transform:translateY(-5px); } .hotpro ul li:hover .hotimg img{ -webkit-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); } .inquire_form .btn{ width:10%; background:#0061AE; line-height:40px; height:40px; border:0; color:#FFF; border-radius:3px; float:right; cursor:pointer; font-size:15px; letter-spacing:2px; } .inquire_form .btn2{ width:10%; background:#909090; line-height:40px; height:40px; border:0; color:#FFF; border-radius:3px; float:right; margin-left:20px; cursor:pointer; font-size:15px; letter-spacing:2px; } .inquire_form .btn:hover,.inquire_form .btn2:hover{ background:#F08519; -webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; } .por { position: relative; } .poa { position: absolute; } .dbl { display: block; } .dbi { display: inline-block; } .tec { text-align: center; } .w100 { width: 100%; } .pagination { margin: 40px auto 80px auto; clear:both; float:left; width:100%; /*background:#FFF;*/ height:40px; } .pagination ul { width:100%; display: inline-block; *display: inline; margin-bottom: 0; /*margin-left: 0;*/ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; *zoom: 1; text-align:center; /*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05); box-shadow: 0 1px 2px rgba(0,0,0,0.05)*/ } .pagination ul li { display: inline-block; border:#e0e0e0 1px solid; background:#FFF; padding:6px 16px; margin:0 5px } .pagination ul li a{ display:block; } .pagination ul li.ctxt{ background:#F08300!important; border:#F08300 1px solid; color:#FFF; } .pagination ul li.ctxt a{ color:#FFF; } .pagination a.active { display:block; color: #fff; background-color: #F08519; width:100%; } .pagination ul li:hover{ border:#F08300 1px solid; color:#F08300 } .pagination ul li:hover a{ color:#F08300 } .pagination ul li.ctxt:hover{ color:#FFF!important } .list_case{ width: 100%; padding-top:0px; } .case_ul{ clear: both; text-align: left; margin-top:20px; margin:0 auto } .case_div{ width: 100%; height: 60px; /*background:#fff url(../images/case_xian.png) no-repeat; background-position: 81% 17px;*/ } .case_ul li{ width:calc((100% - 90px) / 4); margin-right:30px; margin-bottom: 2%; display: inline-block; overflow:hidden; text-align:center; border:#f0f0f0 1px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:0px; -webkit-box-shadow:0 15px 15px rgba(0,0,0,.1); box-shadow:0 15px 15px rgba(0,0,0,.1); background:#FFF; transition: all linear 0.3s; } .case_ul li:nth-child(4n){ margin-right:0; } .case_ul li:hover{ transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-box-shadow:0 15px 15px rgba(0,0,0,.2); box-shadow:0 15px 15px rgba(0,0,0,.2); } .case_ul li .list-wrap{ width: 100%; } .case_ul li .main_pic{ overflow:hidden; /*padding:10px 0;*/ } .case_ul li .main_pic img{ display:block; width:100%; transition: all linear 0.3s; } .case_ul li:hover .main_pic img{ -moz-transform:scale(1.0); -webkit-transform: scale(1.0); transform:scale(1.0); } .case_div{ border-top:#f0f0f0 1px solid; overflow:hidden; } .case_div h5{ overflow: hidden; width:70%; line-height:60px; transition: 0.5s; font-size: 16px; color: #424242; text-align:left; font-weight:400; padding-left:20px; } .case_ul li:hover h5{ padding-left:40px; } .case_ul li a h5{ color:#424242 } .case_ul li:hover a h5{ color:#F08300 } .case_div h5 span{ font-size: 14px; color: #999; display: block; line-height:160%; overflow: hidden; } .jiantou{ float:left; width: 30%; border-right:#f0f0f0 1px solid; height: 60px; background: url(../images/jiantou-right.jpg) no-repeat 20px center; transition: 0.5s; } .case_ul li:hover .jiantou{ background: url(../images/jiantou-right.jpg) no-repeat 28px center; } .case_ul li:hover h5{ color:#000} .zkxx_main3 .case_ul li{ float: left; display: block; } .case_ul .shuiyin,.bigImg .shuiyin,.imgteaser .shuiyin{ position:absolute; width:100%; height:100%; z-index:99999; top:0; left:0; } .case_ul .shuiyin img,.bigImg .shuiyin img,.imgteaser .shuiyin img{ width:100% } .list-wrap{display: block; width: 100%; height: 100%; position: relative; transition: all 0.3s ease 0.1s; } .list-wrap .up-graybox{ width: 100%; height: 100%; opacity: 0; transition: all 0.4s ease 0s; position: absolute; top: 0; left: 0; } .list-wrap .up-graybox .bgbox{ display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6);} .list-wrap:hover .up-graybox{ opacity: 1; } .list-wrap .up-graybox .stit{ font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px; color: #fff; } .list-wrap .up-graybox .linet { top: 0; } .list-wrap .up-graybox .lineb { bottom: 0; } .list-wrap .up-graybox .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s; } .list-wrap .up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6; filter: alpha(opacity=60); } .about_list_1{ z-index:99; padding:50px 0 0px 0; clear:both; margin:0px auto } .about_list_1 ul li p{ color:#8C8C8C; text-align:center; font-size:14px; } .about_list_1 ul li:hover p{ color:#000 } .about_list_1 ul{ /*width:1200px;height:340px;*/ overflow:hidden; text-align:center; margin:0 auto; font-size:0; width:90%; } .about_list_1 li{ display:inline-block; *display:inline; *zoom:1; overflow:hidden; /*padding:0 10px;*/ width:-moz-calc(100% / 8); width:-webkit-calc(100% / 8); width: calc(100% / 8); text-align:center; } .about_list_1.po li{ display:inline-block; *display:inline; *zoom:1; overflow:hidden; /*padding:0 10px;*/ width:-moz-calc(100% / 9); width:-webkit-calc(100% / 9); width: calc(100% / 9); text-align:center; } .about_list_1 li a{ width:101px; height:101px; text-align:center; font-size:16px; color:#fff; position:relative; display:block; border: 1px solid #938F8E; border-radius:100%; margin:0 auto; vertical-align:bottom; line-height:68px; } .about_list_1 li a img{ max-width:100%; box-sizing: border-box; display:inline-block; vertical-align:bottom; margin:0 0 10px 0; } .about_list_1 li:hover a img{ animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal; } .about_list_1 ul li h3{ color:#938F8E; font-weight:300; font-size:14px; line-height:100%; border:0 } .about_list_1 ul li:hover h3{ color:#CDB06C; } .mbt60{ margin-bottom:60px; padding-top:60px!important } .about_list_1.po li:hover a,.about_list_1.po li.cur a{ border:#666 1px solid; } .about_list_1.po ul li h3{ /*color:#666; font-weight:300; font-size:14px; line-height:100%; border:0;*/ margin-top:10px; font-weight:normal; } .about_list_1.po ul li:hover h3,.about_list_1.po ul li.cur h3{ color:#CDB06C; } /**********璇佷功***/ .kdtccon{height:auto;margin: 0px auto;} .kdtccon li { float:left; width:calc((100% - 90px) / 4); /*height:284px;*/ margin-right:30px; border:1px solid #e8eae9; margin-bottom:30px; box-shadow:0 0 10px 1px #e8eae9; background:#fff; /* padding-bottom:10px; */ text-align:center; font-size:14px; display:list-item; color:#333; line-height:45px; overflow:hidden } .kdtccon li:nth-of-type(4n + 0){ margin-right: 0; } .kdtccon .imgb{width:100%;/*height:284px;*/overflow:hidden;margin: 0px auto; text-align:center; } .kdtccon .imgb img{width:100%;/*height:284px;*/ display:block;} .kdtccon .imgb img{transition:all ease .5s;} .kdtccon li:hover img {transform:scale(1.05);} .kdtccon li span{ padding:0px 10px 0px 10px; height:50px;line-height:50px; overflow:hidden; display:inline-table; display:none} .kdtcmore{width:150px;height:45px;line-height:45px;margin: 0px auto; background:#ef8201; border-radius: 10px; text-align:center; margin-bottom:20px; display:none} .kdtcmore a{color:#fff; font-size:14px;} .kdtcmorer{width:100%;margin-bottom:20px; margin-top:10px; border-top:#f0f0f0 1px solid; padding-top:20px; text-align:left; padding-left:20px; background:url(../images/case_jt.png) no-repeat 90% 40px;} .kdtccon li:hover .kdtcmorer{ background:url(../images/case_jt_on.png) no-repeat 90% 40px } .kdtcmorer h2{font-size:16px; font-weight:normal;} .kdtcmoreb{width:200px;height:45px;line-height:45px; background:#ef8201; border-radius: 10px; text-align:center; margin-bottom:20px;} .kdtcmoreb a{color:#fff; font-size:14px; display:inherit} /*******浜у搧浜岀骇绫诲埆****************/ .sortlist2{ width:100%; height:40px; line-height:40px; background:#f0f0f0; padding-left:20px; margin-bottom:40px; border-radius:30px; border:#e0e0e0 1px solid; } .sortlist2 li{ float:left; position:relative; } .sortlist2 li:after { content:" "; width:1px; height:10px; background:#CCC; position:absolute; right:25px; top:15px; } .sortlist2 li:last-child:after{ content:" "; width:1px; height:10px; background:#f0f0f0; position:absolute; right:25px; top:15px; } .sortlist2 li a{ display:block; margin-right:50px; font-size:15px; color:#424242; } .sortlist2 li a.cur,.sortlist2 li:hover a{ color:#F08300; font-weight:bold; } /*****浜у搧璇︽儏*****************/ .silder-box{position:relative;margin:0px auto;} .silderp{margin:0 auto 0 auto;} .silderp li{width:86px;height:86px;} .silderp li img{width:100%;height:100%;} .silder-button{/*top:173px;*/width:88px;height:25px;position:absolute;cursor:pointer;} .silder-button.btl{top:0;background:url(../images/bl.png) top center no-repeat;} .silder-button.btr{bottom:0;background:url(../images/br.png) bottom center no-repeat;} .silder-box-1{width:1000px;} .silder-box-2{width:88px;} .silder-box-2 .silderp li {width:88px;height:88px;padding:0; margin-bottom:10px} .silder-box-3{width:1000px;} .indexcontact{ clear:both; width:100%; height:439px; } .indexcontact ul li.left{ width:50%; float:left; } .indexcontact ul li.left h3{ font-size:20px; font-weight:normal; border-bottom:#FDD100 3px solid; position:relative; padding-bottom:10px; width:290px; color:#2F2725; text-transform:uppercase; } .indexcontact ul li.left h3 span{ height:8px; width:90px; background:#FDD100; position:absolute; bottom:-5px; border-radius:5px; } .indexcontact ul li.left h3 i{ font-style:normal; font-family:arial; font-size:50px; color:#E70012; font-weight:600; letter-spacing:1.5px; } .indexcontact ul li.left .inqu{ color:#2F2725; font-size:18px; margin-top:20px; font-weight:bold; line-height:150%; } .indexcontact ul li.left .add{ color:#2F2725; font-size:16px; margin-top:20px; line-height:180%; font-weight:500 } .indexcontact ul li.right{ float:right; width:50%; } .indexcontact ul li.right .form-group{ width:50%; float:left; padding-left:15px; } .indexcontact ul li.right .form-control{ border:#A1A1A1 1px solid; border-radius:2px } .has-feedback{ padding-left:15px} .indexcontact ul li.right .btn{ width:100% } input::-webkit-input-placeholder{ color:#999; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; } input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; } textarea::-webkit-input-placeholder{ color:#999; } textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; } textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; } textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; } .form-control{ color:#2F2725; } .form-control{ border:0; border:#DCDCDC 1px solid; width: 100%; border-radius: 0px; background-color: rgba(0, 0, 0, 0); margin-bottom:20px; padding:16px 20px 16px 20px; font-family:arial; font-size:15px; color:#666; } .form-group{ width:50%; float:left; padding-left:0px; } .form-control.input1{ background:url(../images/proDetailsLy_icon01.png) no-repeat 96% center; } .form-control.input2{ background:url(../images/proDetailsLy_icon02.png) no-repeat 96% center; } .form-control.input3{ background:url(../images/proDetailsLy_icon03.png) no-repeat 96% center; } .form-control.input4{ background:url(../images/proDetailsLy_icon04.png) no-repeat 96% center; } .form-control.input5{ background:url(../images/proDetailsLy_icon05.png) no-repeat 98% 20px; } .goods-detail{ width:100%; clear:both; float:left; } .goods-detail .goods-detail-info{ padding-top:40px; } .goods-detail .goods-pic-box,.goods-detail .goods-info-box{ min-height:550px; _height:550px } .goods-detail .goods-pic-box{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; position:relative; text-align:center; } .goods-detail .goods-big-pic{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; height:482px; width:482px; left:0px; position:absolute; top:0px; z-index:1; cursor:-webkit-zoom-in; cursor:zoom-in; border:#e0e0e0 0px solid; box-shadow:0 15px 15px rgba(0,0,0,.1); } .goods-detail .goods-big-pic img{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:482px; height:482px; } .goods-detail .goods-pic-loading{ width:20px; height:20px; position:absolute; z-index:5; top:255px; left:410px; } .goods-detail .goods-detail-left-info{ /*position:relative;overflow:hidden;*/ _zoom:1; float:left; width:580px; } .goods-detail .goods-info-rightbox{ position:relative; float:right; width:-moz-calc(100% - 580px); width:-webkit-calc(100% - 580px); width: calc(100% - 580px); } .goods-detail .goods-small-pic{ position:absolute; left:0px; top:0px; display:none } .goods-detail .goods-small-pic li{ height:85px; cursor:pointer; zoom:1;/*padding:4px;*/ border:1px solid #e0e0e0; margin-bottom:14px; -webkit-transition:border-color .4s ease-out; transition:border-color .4s ease-out } .goods-detail .goods-small-pic li img{width:80px;height:80px; margin-top:2px} .goods-detail .goods-small-pic li:hover{border-color:#b0b0b0} .goods-detail .goods-small-pic li.current{cursor:default;border-color:#E70012} .goods-detail .goods-small-pic li.current:hover{border-color:#FF3300} .goods-detail .goods-info-head .goods-name{ color:#333; font-weight: bold; margin:0; padding:0; line-height:160%; font-size:18px } .goods-detail .goods-info-head .goods-subtitle{margin-top:7px} .goods-detail .goods-info-head .goods-subtitle p{color:#616161;font-size:14px;line-height:23px} .goods-detail .goods-info-head .goods-info-head-price{margin-top:20px;/*height:66px;line-height:66px;*/border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;color:#000000;font-size:12px; padding:10px 0; font-weight:normal; color:#666; font-family:'寰蒋闆呴粦'; line-height:180%} .goods-detail .goods-info-head .goods-info-head-cart .goods-add-cart-btn,.goods-detail .goods-info-head .goods-info-head-cart .goods-over-btn{width:220px;height:48px;line-height:48px;font-size:16px;display:block;float:left;text-align:center} .goods-detail .goods-info-head .goods-info-head-cart .goods-collect-btn{height:48px;width:140px;display:block;float:left;text-align:center;margin-left:10px;line-height:48px} .full-screen-border{height:0px;border-top:1px solid #e0e0e0} .goods-detail-desc{ text-align:center; } .pro_det_b{ overflow: hidden; clear:both; } .pro_det_b_bars_box{ min-height: 60px; } .pro_det_b_bars{ position: relative; z-index:98; width: 100%; background:#004EA2; } .pro_det_b_bars_l{ width:100%; display:flex; display: -webkit-flex; justify-content: left; -webkit-justify-content: left; align-items:left; -webkit-align-items: left; } .pro_det_b_bars_l .item{ line-height: 60px; padding: 0 30px; color: #FFF; font-size: 16px; cursor: pointer; text-transform:capitalize; font-weight:bold; } .pro_det_b_bars_l .item.hover{ /*border-bottom: 2px solid #FE0303;*/ background:#F08300; color:#FFF; -webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; } .pro_det_b_bars_l .item.hover:hover{ color:#000 } .pro_det_b_bars_l .item:hover{ color:#FFF; } .pro_det_b_tabs_clm{ padding: 4% 0; } /*.pro_det_b_tabs_clm br{ display:none; }*/ .title3{ font-size: 40px; font-family: "pangmenzhengdao"; margin-bottom: 3%; font-weight:lighter; } .pro_det_b_feat_list{ display:flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; } .pro_det_b_feat_list dd:first-child,.pro_det_b_feat_list dd:nth-child(3),.pro_det_b_feat_list dd:nth-child(5),.pro_det_b_feat_list dd:nth-child(6),.pro_det_b_feat_list dd:nth-child(8),.pro_det_b_feat_list dd:nth-child(10){ padding-left:0 } .pro_det_b_feat_list dd:last-child{ padding-right:0 } .pro_det_b_feat_list dd{ width: 50%; padding: 0 2%; position: relative; margin-bottom: 20px; } .pro_det_b_feat_list dd:last-child:after,.pro_det_b_feat_list dd:nth-child(2):after{ display: none; } .pro_det_b_feat_list dd:after{ content: ""; display: block; position: absolute; right: 0; top: 2%; width: 0px; height:210px; background: #ddd; } .pro_det_b_feat_list_tt{ display:flex; display: -webkit-flex; padding-bottom: 10px; } .opt{ margin-bottom:20px; font-size:24px; clear:both; width:100%; margin:40px 0 20px 0; border-top:#e0e0e0 1px solid; padding-top:40px; } .ft li{ list-style-type:disc; list-style-position: outside; font-size:22px; margin-left:24px; } .ft li span{ font-size:16px; } /*.ft li:before { content: ""; display: inline-block; width: 8px; height: 8px; background-color: #000; border-radius: 50%; margin-right:20px; }*/ .pro_det_b_feat_list_tt .num{ width: 22px; height: 22px; font-size: 14px; text-align: center; line-height: 22px; border-radius: 22px; text-align: center; color: #fff; background:url(../images/xmu.png) no-repeat center center; background-size:cover; text-indent:-99999999px; } .pro_det_b_feat_list_tt .tt{ width: calc(100% - 20px); padding-left: 8px; line-height: 20px; color: #1F1F1F; font-size: 20px; font-weight: bold; } .pro_det_b_feat_list_text{ font-size: 14px; line-height: 24px; color: #000; } .pro_det_b_feat_list_pic a{ display:block; position:relative; width:100%; height:100%; } .pro_det_b_feat_list_pic .icon{ position:absolute; left:50%; top:50%; width:50px; height:50px; margin:-25px 0 0 -25px; line-height:50px; font-size:50px; color:#0cb0bf; text-align:center; background:rgba(255,255,255,.8); border-radius:50px; transition: all 0.5s; -webkit-transition: all 0.5s; } .pro_det_b_feat_list_pic img{ max-width: 100%; } .pro_det_b_tabs_clm_list{ display:flex; display: -ms-flexbox; display: -webkit-flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; } .pro_det_b_tabs_clm_item{ width: 25%; padding: 0 10px; margin-bottom: 20px; } .pro_det_b_tabs_clm_item a{ display: block; } .pro_det_b_tabs_clm_item .pic{ overflow: hidden; position: relative; } .pro_det_b_tabs_clm_item .pic iframe{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; border: 0; } .pro_det_b_tabs_clm_item .pic img{ display: block; width: 100%; } .pro_det_b_tabs_clm_item .tt{ text-align: center; font-size: 16px; color: #444; padding: 12px 0 15px; } .pro_det_b_tabs_clm_item a:hover{ transform: translateY(-3px); -webkit-transform: translateY(-3px); } .pro_det_b_tabs_pram{ /* display:flex; display: -webkit-flex; justify-content:space-between; -webkit-justify-content: space-between; flex-wrap:wrap; -webkit-flex-wrap:wrap;*/ } .pro_det_b_tabs_pram_table{ width: 80%; max-width: 1000px; min-width: 320px; background: #fff; margin-bottom: 20px; margin-left:auto; margin-right:auto; } .pro_det_b_tabs_pram_table tr td{ border: 1px solid #687B99; padding: 5px 15px; line-height: 22px; color: #000; font-size: 14px; } .pro_det_b_tabs_pram_table tr td:first-child{ color: #fff; background: #7687A0; } .det tr td{ padding: 5px 15px; } .det tr td:first-child{ padding-left:0; } .det tr td:last-child{ padding-right:0; } .det tr td img{ display:block; } .pro_det_b_tabs_down_bars{ display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; } .pro_det_b_tabs_down_bars_clm{ width: 100%; max-width: 300px; margin: 0 15px 15px; } .pro_det_b_tabs_down_bars_clm_tt{ font-size: 16px; color: #1f1f1f; padding-bottom: 15px; } .pro_det_b_tabs_down_bars_clm_select{ display: block; width: 100%; height: 44px; font-size: 14px; padding-left: 18px; background: #eff1f4; border:none; color: #666; } .support_box1_down_bars select{ height: 44px; font-size: 14px; padding-left: 18px; background: #eff1f4; border:none; color: #666; width:250px !important; margin:0 15px 15px; } .pro_det_b_tabs_down_list{ display:flex; display: -ms-flexbox; display: -webkit-flex; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; padding:2% 0 0 0; } .pro_det_b_tabs_down_list dd{ width: 18%; margin: 0 1% 20px; border: 1px solid #e5e5e5; transition: all 0.5s; -webkit-transition: all 0.5s; background:#f6f6f6; box-shadow: rgba(0,0,0,0.03) 0 8px 20px; } .pro_det_b_tabs_down_list dd a{ padding:10%; display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-direction: column; -webkit-flex-direction: column; } .pro_det_b_tabs_down_list dd .con{ margin-bottom: 30px; text-align:left; } .pro_det_b_tabs_down_list dd .con .tt{ color: #1f1f1f; font-size: 22px; } .pro_det_b_tabs_down_list dd .cin .tt2{ color: #999; } .pro_det_b_tabs_down_list dd .pic{ overflow: hidden; } .pro_det_b_tabs_down_list dd .pic .pdf_size{ color: #999; margin-bottom: 12px; } .pro_det_b_tabs_down_list dd .pic img{ display: block; max-width:100%; } .pro_det_b_tabs_down_list dd:hover{ border: 1px solid #e0e0e0; transition: all 0.5s; -webkit-transition: all 0.5s; background:#FFF; box-shadow: rgba(0,0,0,0.1) 0 8px 20px; transform:translateY(-2px); } .pro_det_b_tabs_goes{ position: relative; } .pro_det_b_tabs_goes_item{ background: #fff; padding: 3%; text-align: center; } .pro_det_b_tabs_goes_item .pic{ display: block; overflow: hidden; padding: 10px 0; } .pro_det_b_tabs_goes_item .pic img{ display: block; width: auto; max-width: 100%; margin: 0 auto 15px; } .pro_det_b_tabs_goes_item .con .tt1{ font-size: 32px; color:#1f1f1f; font-weight: bold; } .pro_det_b_tabs_goes_item .con .tt2{ font-size: 14px; padding: 12px 0 18px; } .pro_comparison2{ color: #aaaaaa; font-size: 14px; display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; margin-bottom: 20px; } .pro_comparison2:before{ content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 10px; border:2px solid #d2d2d2; margin-right: 6px; } .pro_det_b_tabs_goes_scroll_prev,.pro_det_b_tabs_goes_scroll_next{ position: absolute; left: -80px; top:50%; width: 60px; height: 60px; font-size:60px; color: #cbcdd0; margin-top: -30px; cursor: pointer; } .pro_det_b_tabs_goes_scroll_next{ left: auto; right: -80px; transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); } /***鍥剧墖鍒楄〃************/ .imgteaser{ overflow:auto; float: left; position: relative; width:-moz-calc((100% - 50px) / 3); width:-webkit-calc((100% - 50px) / 3); width: calc((100% - 50px) / 3); /*height:240px;*/ margin:0 25px 50px 0; text-align:center; box-sizing: border-box; transition: all linear 0.3s; } .certli{ overflow:auto; float: left; position: relative; width:-moz-calc((100% - 105px) / 4)!important; width:-webkit-calc((100% - 105px) / 4)!important; width: calc((100% - 105px) / 4)!important; /*height:240px;*/ margin:0 35px 50px 0; text-align:center; box-sizing: border-box; transition: all linear 0.3s; } .clst{ margin-right:0} .imgteaser a{ text-decoration: none; float: left; /* height:200px; */ display:block; width:100% } .imgteaser a .pcc{ position:relative; overflow:hidden} .imgteaser a:hover{cursor:pointer} .imgteaser .mpc{ position:relative; overflow:hidden; } .imgteaser a .mpc img{ float:left; border: none; width:100%; /*height:200px;*/ transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;} .imgteaser a .mpc:hover img{ -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); } .CC{ clear:both; background:#FFF; width:100%; height:60px; line-height:60px; -webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; font-size:16px;} .imgteaser a:hover .CC{ background:#004EA2;color:#FFF;line-height:60px;} .imgteaser:hover{box-shadow: rgba(0,0,0,0.2) 0 8px 20px; transform:translateY(-2px);} .mtop60{ margin-top:60px; clear:both;} /*****鍦ㄧ嚎瀹㈡湇************/ .ycxzx { position:fixed; right:10px; top:50%; z-index:99999999; margin-top:-148px; width:51px; } .ycxzx i{ width:51px; height:51px; background-position:center; display:block; -webkit-border-radius: 100%; border-radius:100%; border:#ebebeb 1px solid; -webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; } .ycxzx .kf:hover i.tel,.ycxzx .kf:hover i.qq{ -webkit-border-radius: 50px; border-radius: 50px; /*border-top-left-radius:0; border-top-right-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:0;*/ } .ycxzx i.weixin{ background:url(../images/right_pic2.png?v=2.0) no-repeat center center #FFF; } .ycxzx i.weixin:hover{ background:url(../images/right_pic2_on.png?v=2.0) no-repeat center center #F08300; } .ycxzx i.qq{ background:url(../images/right_pic5.png?v=2.0) no-repeat center center #FFF; } .ycxzx i.qq:hover{ background:url(../images/right_pic5_on.png?v=2.0) no-repeat center center #F08300; } .ycxzx i.tel{ background:url(../images/right_pic1.png?v=2.0) no-repeat center center #FFF; } .ycxzx i.tel:hover{ background:url(../images/right_pic1_on.png?v=2.0) no-repeat center center #F08300; } .ycxzx i.yuyue{ background:url(../images/right_pic3.png?v=2.0) no-repeat center center #FFF; } .ycxzx i.yuyue:hover{ background:url(../images/right_pic3_on.png?v=2.0) no-repeat center center #F08300; } .ycxzx i.top{ background:url(../images/right_pic6.png?v=2.0) no-repeat center center #FFF; } .ycxzx i.top:hover{ background:url(../images/right_pic6_on.png?v=2.0) no-repeat center center #F08519; } .ycxzx i:hover,.ycxzx .kf:hover i{ /*border-top-right-radius:4px; border-bottom-right-radius:4px;*/ } .woshwap {overflow:hidden} .loading {position:fixed;z-index:999;top:0;left:0;width:100%;height:100%} .doyoo_f_chat {right:65px!important;z-index:23!important} .doyoo_f_frame {display:none!important} .doyoo_pan_icon,.doyoo_panel_mobile {z-index:24!important} .ycxzx dd {padding-bottom:5px} .ycxzx a img {width:100%} .ycxzx dd a img.ydg {display:none} .ycxzx dd a:hover img {display:none} .ycxzx dd a:hover img.ydg {display:block} .ycxzx .kf {display:block;position:relative} .ycxzx .kf .ewms {position:absolute;right:100%;top:0;border:1px solid #eee;width:140px;display:none;border-radius:4px} .ycxzx .kf:hover .ewms {display:block} .ycxzx .kf .dh { position:absolute; right:1; margin-right:0px; line-height:51px; top:0; font-size:20px; width:0px; height:51px; text-align:center; /*display:none;*/ background:#F08519; background-color:#F08519; border-radius:50px; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; opacity:0; overflow:hidden; font-family:"Helvetica Condensed Bold_0" } .ycxzx .kf:hover .dh { /*display:block;*/ color:#fff; opacity:1; width:220px; right:1px; } .ycxzx .kf:hover .dh a{ color:#FFF } .ycxzx .kf:hover .dh.nonebg{ width:130px; height:150px; background:#F08300; text-align:center; font-size:14px; line-height:100%; right:110%; border-radius:4px; } .ycxzx .kf:hover .dh.nonebg img{ width:80%; margin-top:10%; margin-bottom:10px } .ycxzx .dd3 .kf .dh{ background:url(../images/right_pic1_on.png?v=2.0) no-repeat 30px #F08519; padding-left:30px; } .ycxzx .dd2 .kf .dh{ background:url(../images/right_pic5_on.png?v=2.0) no-repeat 30px #F08519; padding-left:30px; } .ycxzx .dd3 .kf .dh.code{ padding-left:0px; } /********************************************************************************************************2023-2-23**************************************************/ .newdata{ clear:both; width:100%; overflow:hidden; background:url(../images/font.png?v=2.0) no-repeat center center #f3f3f3; padding:80px 0; } .companydata{ clear:both; width:100%; } .companydata li{ float:left; margin-right:50px; width:-moz-calc((100% - 200px) / 5); width:-webkit-calc((100% - 200px) / 5); width: calc((100% - 200px) / 5); } .companydata li:last-child{ margin-right:0; } .companydata li div.npc{ margin:0 auto 20px auto; width:106px; overflow:hidden; border-radius:50%; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } .companydata li:hover div.npc{ transform:translateY(-5px); box-shadow: rgba(0,0,0,0.2) 0 8px 20px; } .companydata li div.npc img.px2{ opacity:0; display:none; } .companydata li:hover div.npc img.px1{ opacity:0; display:none; } .companydata li:hover div.npc img.px2{ opacity:1; display:block; } .companydata li p.num{ font-size:18px; font-family:arial; font-weight:600; text-align:center; padding-bottom:0px; margin-bottom:4px; color:#808080 } .companydata li p.num i{ display:block; font-size:26px; margin-bottom:15px; font-family:"Helvetica Condensed Bold_0"; font-style:normal; } .companydata li p.num i em{ font-family:"寰蒋闆呴粦"!important; font-size:15px; margin-left:5px; display:none; } .companydata li p.decs{ font-size:16px; text-align:center; line-height:160%; font-weight:lighter; color:#808080; } .index_icon{ position:relative; width:48px; height:48px; margin:30px auto; clear:both; } .about-sign{ width: 48px; height: 48px; padding: 7px 18px 6px; background: url(../images/bg_sign09.png) no-repeat; position: relative; } .about-sign .sign-top{ width: 12px; height: 17px; background: url(../images/bg_sign07.png) no-repeat; position: absolute; left: 18px; bottom: 24px; animation: signMove 1s infinite; -webkit-animation: signMove 1s infinite; } .about-sign .sign-bot{ width: 12px; height: 17px; background: url(../images/bg_sign08.png) no-repeat; position: absolute; left: 18px; top: 25px; animation: signMove 1s infinite; -webkit-animation: signMove 1s infinite; } @keyframes signMove{ from{ height: 0; } to { height: 17px; } } @-webkit-keyframes signMove{ from{ height: 0; } to { height: 17px; } } /***浜у搧***/ .newproducts{ clear:both; width:100%; overflow:hidden; background:#FFF; padding-top:80px; padding-bottom:80px; } .icat_title_title { text-align: center; margin: 0 auto; } .icat_title_title h2 { font-size: 32px; width: 100%; height: 30px; line-height: 30px; color: #666; font-weight:600; background: url(../images/ititle_bg.png) center no-repeat; } .icat_title_title h3 { height: 35px; line-height: 38px; width: 100%; font-size: 16px; text-align: center; font-size: 16px; font-weight: normal; color: #666; margin-top:10px; } .honor { width:100%; float:left; clear:both; background:#FFF; } .honor .con { margin:50px auto 0 auto; position:relative; width:-moz-calc(90% + 100px); width:-webkit-calc(90% + 100px); width: calc(90% + 100px); max-width: calc(1360px + 100px); min-width: calc(1200px + 100px); } .honor .tempWrap{ overflow:hidden; position:relative; width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px); width: calc(100% - 100px); margin:0 auto; } .honor .con ul{ font-size:0; padding:0; margin:0 0 0 -25px; } .honor .con li { display:inline-block; width:25%; padding-right:25px; position:relative; } .honor .con li.last{ padding-right:0; } .honor .con li a { display:block; position:relative; font-size:18px; } .honor .con li .s-img { /*height:250px; */ text-align:center; vertical-align: middle; /*display: table-cell;*/ width:100%; position:relative; overflow:hidden; border:#FFF 1px solid; border-bottom:0; } .honor .con li:hover .s-img{ border:#e0e0e0 1px solid; border-bottom:0; } .honor .con li .s-img img { display:inline-block; vertical-align:middle; width:100%; max-height:100%; transition: all linear 0.3s } .honor .con li:hover img{ -moz-transform:scale(1.05); -webkit-transform: scale(1.05); transform:scale(1.05); } .honor .con li .s-text{ background:#FFF; width:100%; height:100px; padding:20px 20px; overflow:hidden; line-height:180%; font-size:14px; border:#f0f0f0 1px solid; } .honor .con li .s-text p{ color:#666666; /*margin-top:10px;*/ font-size:15px; font-weight:lighter; } .honor .con li .s-text h3{ font-size:20px; text-align:center; color:#666; display:none } .honor .con li:hover .s-text h3{ color:#424242; } .honor .con li:hover .s-text p{ color:#404040; } .honor .con li .s-more{ background:#f6f6f6; width:100%; height:60px; margin-top:0px; overflow:hidden; line-height:60px; font-size:14px; border:#f0f0f0 1px solid; border-top:0; } .honor .con li .s-more .jiantou-right{ width:30%; height:100%; float:left; border-right:#f0f0f0 1px solid; background:url(../images/jiantou-right.jpg) no-repeat 20px; transition: all linear 0.3s } .honor .con li:hover .s-more .jiantou-right{ background:url(../images/jiantou-right.jpg) no-repeat 30px; } .honor .con li .s-more .right{ float:left; width:70%; padding-right:20px; text-transform:uppercase; font-size:15px; transition: all linear 0.3s; text-align:right; } .honor .con li:hover .s-more .right{ padding-right:30px; color:#F08519; } .honor .con a.prev { outline:none; position:absolute; left:0px; top:50%; width:47px; height:47px; margin-top:-25px; background:url(../images/l-1.png?v=2.0) no-repeat center center #f0f0f0; transition: all linear 0.3s; display:none } .honor .con a.prev:hover { background:url(../images/l-1-on.png?v=2.0) no-repeat center #0047BA; } .honor .con a.next { outline:none; position:absolute; right:0px; top:50%; width:47px; height:47px; margin-top:-25px; background:url(../images/r-1.png?v=2.1) no-repeat center center #f0f0f0; transition: all linear 0.3s; display:none } .honor .con a.next:hover { background:url(../images/r-1-on.png?v=2.1) no-repeat center #0047BA; } .subpage{ clear:both; padding-bottom:60px; overflow:hidden; } .jyln{ box-shadow: 0 16px 20px -6px rgba(97, 105, 113, 0.1); background:#FFF; padding:60px; border:#f0f0f0 1px solid; } .jylinian{ position:relative; height:420px; clear:both; margin:0 auto; border:#000 0px solid; overflow:hidden; } .jylinian .p1{ width:260px; height:260px; background:#26AAE1; transform:rotate(45deg); margin-left:60px; margin-top:75px; border-radius:10px; } .jylinian .p1:hover{ background:#1D74B8; -webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; } .jylinian .p1 img{ display:inline-block; transform:rotate(-45deg); margin-top:60px; margin-left:70px; width:120px } .jylinian .p2{ width:90px; height:90px; background:#1D74B8; transform:rotate(45deg); position:absolute; left:500px; top:20px; border-radius:5px } .jylinian .p2:hover,.jylinian .p4:hover{ background:#26AAE1; -webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; } .jylinian .p3{ width:90px; height:90px; background:#26AAE1; transform:rotate(45deg); position:absolute; left:600px; top:160px; border-radius:5px } .jylinian .p3:hover{ background:#1D74B8; -webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; } .jylinian .p4{ width:90px; height:90px; background:#1D74B8; transform:rotate(45deg); position:absolute; left:500px; bottom:18px; border-radius:5px } .jylinian .p2 span,.jylinian .p3 span,.jylinian .p4 span{ color:#FFF; display:inline-block; text-align:center; transform:rotate(-45deg); font-size:24px; font-family:'Helvetica Condensed Bold_0'; padding-top:45px; padding-left:20px; } .lnline1{ position:absolute; top:50px; left:330px } .lnline2{ position:absolute; top:190px; left:445px } .lnline3{ position:absolute; bottom:50px; left:330px } .jylinian .text1{ font-size:16px; position:absolute; left:630px; top:0px; } .jylinian .text2{ font-size:16px; position:absolute; left:730px; top:155px; } .jylinian .text3{ font-size:16px; position:absolute; left:630px; top:310px; } .jylinian strong{ font-size:20px; display:block; } /***鐮斿彂涓績***********/ .sysb{ clear:both; } .sysb li{ float:left; width:calc((100% - 60px) / 4); margin-right:20px; margin-bottom:20px; } .sysb li:nth-child(4n){ margin-right:0 } .yfzx{ overflow:hidden; padding-bottom:60px; } .yfzx .left{ width:58%; float:left; } .yfzx .left h3,.gcsb h3{ font-size:24px; } .yfzx .left h3 span,.gcsb h3 span{ font-family:'Helvetica Condensed Bold_0'; display:block; text-transform:capitalize; } .yfzx .left .ldesc{ font-size:16px; line-height:200%; margin-top:20px; padding-right:40px; } .yfzx .left .limg{ width:100%; clear:both; margin-top:100px; } .yfzx .left .limg ul li{ float:left; width:47%; margin-right:20px; } .yfzx .left .limg ul li:nth-child(2n){ margin-right:0 } .yfzx .left .limg ul li img{ display:block; width:100%; } .yfzx .right{ width:34%; float:right; } .yfzx .right img{ display:block; width:100%; } .gcsb{ width:100%; background:#ffffff; clear:both; overflow:hidden; padding:60px 0; } .gcsb h3{ margin-bottom:30px; } .gcsb .left{ width:47%; float:left; } .gcsb .right{ float:right; width:calc(53% - 20px); } .gcsb .right ul li{ float:left; width:calc((100% - 20px) /2); margin-right:20px; margin-bottom:20px; } .gcsb .right ul li:nth-child(2n){ margin-right:0; } .gcsb .right ul li:nth-child(3),.gcsb .right ul li:nth-child(4){ margin-bottom:0; } .gcsb .right ul li img{ width:100; display:block; }